<script setup>
defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  }
})
</script>

<template>
  <svg viewBox="0 0 24 24" :width="width" :height="height" xmlns="http://www.w3.org/2000/svg">
    <path d="m0 0h24v24h-24z" fill="#fff" opacity="0"/>
    <g fill="#231f20">
      <path
          d="m17 8h-1v-1.89a4 4 0 1 0 -8 0v1.89h-1a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3zm-7-1.89a2.06 2.06 0 0 1 2-2.11 2.06 2.06 0 0 1 2 2.11v1.89h-4zm8 12.89a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1-1v-8a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1z"/>
      <path d="m12 12a3 3 0 1 0 3 3 3 3 0 0 0 -3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z"/>
    </g>
  </svg>
</template>